<div class="container-fluid p-4">
    <div class="row">
        <div class="col-auto">
            <input type="file" class="nr-txt-file mb-3" multiple webkitdirectory directory accept="image/*" />
        </div>
        <div class="col-auto">
            <sl-input class="nr-txt-width d-inline-block mb-3" type="number" title="默认原图宽度，不填自适应" min="1" max="99999" placeholder="最大宽度"></sl-input>
            <sl-input class="nr-txt-height d-inline-block mb-3" type="number" title="默认原图高度，不填自适应" min="1" max="99999" placeholder="最大高度"></sl-input>
            <sl-input class="nr-txt-quality d-inline-block mb-3" type="number" title="图片质量，0-1，默认 0.7" min="0.1" max="1" step="0.1" value="0.7" placeholder="质量"></sl-input>
            <sl-switch class="nr-is-skip" checked>跳过异常压缩</sl-switch>
        </div>
        <div class="col-auto mb-3">
            <sl-button target="_blank" href="https://www.minuteimage.com" title="moz-jpeg、pngquant">minuteImage</sl-button>
            <sl-button target="_blank" href="https://tiny.zme.ink" title="更专业的图片压缩工具">Squoosh</sl-button>
        </div>
    </div>
    <div class="nr-card-result row">
        <div class="nr-card-zip col-12 my-3"></div>
    </div>
</div>

@Html.Raw(Netnr.QuoteTo.Html("jszip.js"))